<template>
  <q-scroll-area class="fit">
    <div class="q-pa-sm">
      <div class="text-h6 q-ma-md">分页和过滤</div>
      <q-separator />

      <CardPagination></CardPagination>

      <list-pagination></list-pagination>

      <basic-filter></basic-filter>
    </div>
  </q-scroll-area>
</template>

<script setup lang="ts">
import { defineAsyncComponent } from 'vue';

const BasicFilter = defineAsyncComponent(
  () => import('components/paginations/BasicFilter.vue')
);
const ListPagination = defineAsyncComponent(
  () => import('components/paginations/ListPagination.vue')
);
const CardPagination = defineAsyncComponent(
  () => import('components/paginations/CardPagination.vue')
);
</script>

<style scoped></style>
